Raycast API Tutorial
System Requirements
Before you can create your first extension, make sure you have the following prerequisites.
todo_done.icon> You have Raycast 1.26.0 or higher installed.
1.42.2
todo_done.icon> You have Node.js 16.10 or higher installed. We recommend nvm to install Node.
You have npm 7.0 or higher installed. If you used nvm to install Node, this is the case.
$ npm --version
8.19.2
DocumentにしたがってHello Worldしてみる
Detailを選択,後は画像と同じように
Create Extensionをすると,指定したディレクトリにファイルが作成される。
$ npm install
$ npm run dev
https://scrapbox.io/files/636698f5b940df00235a1624.png
https://scrapbox.io/files/6366990408d49c001d1920b7.png
https://scrapbox.io/files/636699a803eb84001dc36a27.png
Examples
Render todo list
titleはRaycastのLancher画面で表示される内容(下図)
isCompleted はflag
https://scrapbox.io/files/6381f634521ada001d2fa845.png
Create a todo
CreateTodoForm関数はTodoリストのタイトルを作成する
onCreate
propsはpropertiesの略らしい
この関数は、データの入った “props”(「プロパティ」の意味)というオブジェクトを引数としてひとつ受け取り、React 要素を返すので、有効な React コンポーネントです。これは文字通り JavaScript の関数ですので、このようなコンポーネントのことを “関数コンポーネント (function component)” と呼びます
CreateTodoAction
Complete a todo